<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Demographics Page</title>

	<link type="text/css" href="css/smoothness/jquery-ui-1.8.1.custom.css" rel="Stylesheet" />	
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.1.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$("#accordion").accordion();
	});
	</script>
<body>
	<div id="accordion">
		<h3><a href="#">Couple Types</a></h3>
			<div>
				<label for="dsm"><input type="radio" name="couple" id="dsm" value="dsm">Different Gender Married</input><br></label>
				<label for="dsu"><input type="radio" name="couple" id="dsu" value="dsu">Different Gender Unmarried</input><br>
				<label for="ssa"><input type="radio" name="couple" id="ssa" value="ssa">Same Gender All</input><br>
				<label for="ssf"><input type="radio" name="couple" id="ssf" value="ssf">Same Gender Female</input><br>
				<label for="ssm"><input type="radio" name="couple" id="ssm" value="ssm">Same Gender Male</input><br>
			</div>
		<h3><a href="#">Ethnicity</a></h3>
			<div>
				<label for="w"><input type="radio" name="ethnicity" id="w" value="w">White</input><br></label>
				<label for="l"><input type="radio" name="ethnicity" id="l" value="l">Latino</input><br></label>
				<label for="aa"><input type="radio" name="ethnicity" id="aa" value="aa">Asian American</input><br></label>
				<label for="apa"><input type="radio" name="ethnicity" id="apa" value="apa">Asian Pacific Islander</input><br></label>
				<label for="anai"><input type="radio" name="ethnicity" id="anai"  value="anai">Alaskan/Native American Indian</input><br></label>
			</div>
		<h3><a href="#">Compare based upon</a></h3>
			<div>
				<label for="age"><input type="radio" name="compare" id="age" value="age">Age</input><br></label>
				<label for="vet"><input type="radio" name="compare" id="vet" value="vet">Veteran</input><br></label>
				<label for="child"><input type="radio" name="compare" id="child" value="child">Children</input><br></label>
				<label for="income"><input type="radio" name="compare" id="income" value="income">Income</input><br></label>
				<label for="college"><input type="radio" name="compare" id="college" value="college">College</input><br>
			</div>
	</div>
</body>
</html>